<template>
    <div class="breadcrumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/record' }">抽奖记录</el-breadcrumb-item>
            <el-breadcrumb-item>
                <a href="/">抽奖详情</a>
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <el-card>
        <el-table :data="tableData" border style="width: 100%" size="large">
            <el-table-column prop="date" label="日期" width="180" />
            <el-table-column prop="name" label="姓名" width="180" />
            <el-table-column prop="address" label="地址" />
        </el-table>
    </el-card>
</template>

<script>

export default {
    name: 'RecordView',
    components: {

    },
    data() {
        return {
            tableData: [
                {
                    date: '2016-05-03',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    date: '2016-05-02',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    date: '2016-05-04',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    date: '2016-05-01',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
            ]
        }
    },

    mounted() {
        this.getRecord()
    },
    methods: {
        getRecord: function () {
            this.$http.get("/admin/award/list").then((res) => {
                console.log(res)
            }).catch(() => {

            })
        }
    },


}

</script>

<style scoped>
.breadcrumb {
    height: 35px;
}
</style>